<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>电影详情页</title>
	<link rel="stylesheet" href="maoyan.css">
</head>
<body>
	<header>
		<div class="content clear">
			<a href="" class="logo"></a>
			<div class = 'address'>咸阳<span class = 'caret'></span>
				<div class="city">
					<div class="citying">
						定位城市：
						<a href="#">咸阳</a>
					</div>
					<ul>
						<li>
							<span>A</span>
							<div>
								<a href="#">阿拉善盟</a>
								<a href="#">鞍山</a>
								<a href="#">安庆</a>
								<a href="#">安阳</a>
								<a href="#">阿坝</a>
								<a href="#">安顺</a>
								<a href="#">安康</a>
								<a href="#">阿勒泰</a>
								<a href="#">阿克苏</a>
								<a href="#">安吉</a>
								<a href="#">安丘</a>
								<a href="#">安岳</a>
								<a href="#">安平</a>
								<a href="#">安宁</a>
								<a href="#">安溪</a>
								<a href="#">安化</a>
								<a href="#">阿勒泰市</a>
								<a href="#">安福</a>
							</div>
						</li>
					</ul>
				</div>
			</div>
			<ul class = 'clear'>
				<li><a href="/">首页</a></li>
				<li><a href="/movielist">电影</a></li>
				<li><a href="cinema.html">影院</a></li>
				<li><a href="list.html">榜单</a></li>
				<li><a href="#">热点</a></li>
				<li><a href="#">商城</a></li>
			</ul>
			<div class = 'download'>
				<a href="#" class = 'clear'>
					<span></span>
					<span>APP下载</span>
					<span class = 'caret'></span>
					<span></span>
					<div class = 'erweima'>
						<p>扫码下载</p>
						<p>选座更优惠</p>
					</div>
				</a>
			</div>
			<div class="query">
				<input type="text" class = 'search' placeholder = '找影视剧、影人、影院'>
				<span class = 'button'></span>
			</div>
			<div class = 'user-icon'>
				<img src="images/user.png" alt="">
				<span class = 'caret'></span>
				<a href="#">登录</a>
			</div>
		</div>
	</header>
	<div class="banner">
		<div class="content">
			<div class="left">
				<img src="<%= data.img %>" alt="">
			</div>
			<div class = 'right'>
				<div class="top">
					<h3><%= data.name %></h3>
					<div><%= data.name_en || "无英文名" %></div>
					<ul>
						<li><%= data.lable %></li>
						<li><%= data.address || "无数据" %>/<%= data.time %>分钟</li>
						<li><%= data.date %></li>
					</ul>
				</div>
				<div class="footer clear">
					<a href="#" class = 'love'>
						<i></i>
						<span>想看</span>
					</a>
					<a href="#" class = 'score'>
						<i></i>
						<span>评分</span>
					</a>
				</div>
				<div class="aside">
					<div class="love">
						<p>想看数</p>
						<span>7970</span>
					</div>
					<div class="score">
						<p>累计票房</p>
						<span class = 'no'><%= data.ticket %>亿</span>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="main_body clear">
		<div class="content">
			<div class="left">
				<ul class="nav clear">
					<li class = 'liang'>介绍</li>
					<li>演职人员</li>
					<li>奖项</li>
					<li>图集</li>
				</ul>
				<ul class="main">
					<li>
						<h3>剧情简介</h3>
						<span><%= data.intro %></span>
					</li>
					<li>
						<div class = 'clear'>
							<h3>演职人员</h3>
							<a href="#" class = 'icon'>全部</a>		
						</div>
						<div class="user_list clear">
							<div class="director">
								<i>导演</i>
								<ul class = 'clear'>
									<li>
										<a href="#">
											<img src="https://p0.meituan.net/movie/a8642d79debf184d964a846afe0a126845962.jpg@128w_170h_1e_1c" alt="">
											<p>张艺谋</p>
										</a>
									</li>
								</ul>
							</div>
							<div class="actor">
								<i>演员</i>
								<ul class = 'clear'>
									<li>
										<a href="#">
											<img src="https://p0.meituan.net/movie/5de69a492dcbd3f4b014503d4e95d46c28837.jpg@128w_170h_1e_1c" alt="">
											<p>张国荣</p>
										</a>
										<span>饰：老凯（配音)</span>
									</li>
									<li>
										<a href="#">
											<img src="https://p0.meituan.net/movie/5de69a492dcbd3f4b014503d4e95d46c28837.jpg@128w_170h_1e_1c" alt="">
											<p>张国荣</p>
										</a>
										<span>饰：老凯（配音)</span>
									</li>
									<li>
										<a href="#">
											<img src="https://p0.meituan.net/movie/5de69a492dcbd3f4b014503d4e95d46c28837.jpg@128w_170h_1e_1c" alt="">
											<p>张国荣</p>
										</a>
										<span>饰：老凯（配音)</span>
									</li>
									<li>
										<a href="#">
											<img src="https://p0.meituan.net/movie/5de69a492dcbd3f4b014503d4e95d46c28837.jpg@128w_170h_1e_1c" alt="">
											<p>张国荣</p>
										</a>
										<span>饰：老凯（配音)</span>
									</li>
								</ul>
							</div>
						</div>
					</li>
					<li>
						<div class = 'clear'>
							<h3>图集</h3>
							<a href="#" class = 'icon'>全部</a>		
						</div>
						<div class="img_list clear">
							<div class="left">
								<a href="#">
									<img src="https://p0.meituan.net/movie/1ef6917b498f69d03f325da80af2bbee52800.jpg@465w_258h_1e_1c" alt="">
								</a>
							</div>
							<div class="right">
								<a href="#">
									<img src="https://p0.meituan.net/movie/55e5b8e7eeaa42ddf5af134b3f58944558103.jpg@126w_126h_1e_1c" alt="">	
								</a>
								<a href="#">
									<img src="https://p0.meituan.net/movie/55e5b8e7eeaa42ddf5af134b3f58944558103.jpg@126w_126h_1e_1c" alt="">	
								</a>
								<a href="#">
									<img src="https://p0.meituan.net/movie/55e5b8e7eeaa42ddf5af134b3f58944558103.jpg@126w_126h_1e_1c" alt="">	
								</a>
								<a href="#">
									<img src="https://p0.meituan.net/movie/55e5b8e7eeaa42ddf5af134b3f58944558103.jpg@126w_126h_1e_1c" alt="">	
								</a>
							</div>
						</div>
					</li>
					<li class = 'user_assess'>
						<div class = 'clear'>
							<h3>热门短评</h3>
							<a href="#" class="xie">写短评</a>
						</div>
						<ul class="assess">
							<li class = 'clear'>
								<div class="ico">
									<img src="https://img.meituan.net/avatar/5fb7acc3d66df2b79d83e954e408f4d511386.jpg@100w_100h_1e_1c" alt="">
									<i></i>
								</div>
								<div class="text">
									<div class="info">
										<div class="user_id">
											<span class="name">OrR369120036</span>
										</div>
										<div class="time">
											<span class = 'mouth'>02-25</span>
											<ul>
												<li>
													<i class = 'left liang'></i>
													<i class = 'right liang'></i>
												</li>
												<li>
													<i class = 'left liang'></i>
													<i class = 'right liang'></i>
												</li>
												<li>
													<i class = 'left liang'></i>
													<i class = 'right '></i>
												</li>
												<li>
													<i class = 'left'></i>
													<i class = 'right'></i>
												</li>
												<li>
													<i class = 'left'></i>
													<i class = 'right'></i>
												</li>
											</ul>
										</div>
										<div class="zan">
											<i></i>
											<span>37</span>
										</div>
									</div>
									<div class = 'user_text'>这垃圾片还在换档期？换几次了</div>
								</div>
							</li>
							<li class = 'clear'>
								<div class="ico">
									<img src="https://img.meituan.net/avatar/5fb7acc3d66df2b79d83e954e408f4d511386.jpg@100w_100h_1e_1c" alt="">
									<i></i>
								</div>
								<div class="text">
									<div class="info">
										<div class="user_id">
											<span class="name">OrR369120036</span>
										</div>
										<div class="time">
											<span class = 'mouth'>02-25</span>
											<ul>
												<li>
													<i class = 'left liang'></i>
													<i class = 'right liang'></i>
												</li>
												<li>
													<i class = 'left liang'></i>
													<i class = 'right liang'></i>
												</li>
												<li>
													<i class = 'left liang'></i>
													<i class = 'right '></i>
												</li>
												<li>
													<i class = 'left'></i>
													<i class = 'right'></i>
												</li>
												<li>
													<i class = 'left'></i>
													<i class = 'right'></i>
												</li>
											</ul>
										</div>
										<div class="zan">
											<i></i>
											<span>37</span>
										</div>
									</div>
									<div class = 'user_text'>这垃圾片还在换档期？换几次了</div>
								</div>
							</li>
							<li class = 'clear'>
								<div class="ico">
									<img src="https://img.meituan.net/avatar/5fb7acc3d66df2b79d83e954e408f4d511386.jpg@100w_100h_1e_1c" alt="">
									<i></i>
								</div>
								<div class="text">
									<div class="info">
										<div class="user_id">
											<span class="name">OrR369120036</span>
										</div>
										<div class="time">
											<span class = 'mouth'>02-25</span>
											<ul>
												<li>
													<i class = 'left liang'></i>
													<i class = 'right liang'></i>
												</li>
												<li>
													<i class = 'left liang'></i>
													<i class = 'right liang'></i>
												</li>
												<li>
													<i class = 'left liang'></i>
													<i class = 'right '></i>
												</li>
												<li>
													<i class = 'left'></i>
													<i class = 'right'></i>
												</li>
												<li>
													<i class = 'left'></i>
													<i class = 'right'></i>
												</li>
											</ul>
										</div>
										<div class="zan">
											<i></i>
											<span>37</span>
										</div>
									</div>
									<div class = 'user_text'>这垃圾片还在换档期？换几次了</div>
								</div>
							</li>
						</ul>
					</li>
				</ul>
			</div>
			<div class="right">
				<div class="module">
					<h3>相关资讯</h3>
					<div class="module_content">
						<ul>
							<li>
								<img src="https://p1.meituan.net/movie/0d07634774e317847abd096a0051598d2925789.jpg@140w_86h_1e_1c" alt="">
								<div class="info">
									<a href="#" class = 'title'>
										《功夫四侠：勇闯地宫》定档4月5日，萌宠天团再展奇幻...
									</a>
									<div class="footer">
										<span>猫眼电影</span>
										<span>
											<i class = 'yan'></i>
											4850
										</span>
										<span>
											<i class = 'info'></i>
											0
										</span>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="module">
					<h3>相关电影</h3>
					<ul class="movie_list clear">
						<li>
							<a href="#">
								<img src="https://p0.meituan.net/movie/e9dea303408b510f68c1fb7b2c1b4eec5174288.jpg@106w_145h_1e_1c" alt="">
							</a>
							<a href="#" class = 'movie_name'>猫公主苏菲</a>
							<span class="fen">暂无评分</span>	
						</li>
						<li>
							<a href="#">
								<img src="https://p0.meituan.net/movie/e9dea303408b510f68c1fb7b2c1b4eec5174288.jpg@106w_145h_1e_1c" alt="">
							</a>
							<a href="#" class = 'movie_name'>猫公主苏菲</a>
							<span class="fen">暂无评分</span>	
						</li>
						<li>
							<a href="#">
								<img src="https://p0.meituan.net/movie/e9dea303408b510f68c1fb7b2c1b4eec5174288.jpg@106w_145h_1e_1c" alt="">
							</a>
							<a href="#" class = 'movie_name'>猫公主苏菲</a>
							<span class="fen">暂无评分</span>	
						</li>
						<li>
							<a href="#">
								<img src="https://p0.meituan.net/movie/e9dea303408b510f68c1fb7b2c1b4eec5174288.jpg@106w_145h_1e_1c" alt="">
							</a>
							<a href="#" class = 'movie_name'>猫公主苏菲</a>
							<span class="fen">暂无评分</span>	
						</li>
						<li>
							<a href="#">
								<img src="https://p0.meituan.net/movie/e9dea303408b510f68c1fb7b2c1b4eec5174288.jpg@106w_145h_1e_1c" alt="">
							</a>
							<a href="#" class = 'movie_name'>猫公主苏菲</a>
							<span class="fen">暂无评分</span>	
						</li>
						<li>
							<a href="#">
								<img src="https://p0.meituan.net/movie/e9dea303408b510f68c1fb7b2c1b4eec5174288.jpg@106w_145h_1e_1c" alt="">
							</a>
							<a href="#" class = 'movie_name'>猫公主苏菲</a>
							<span class="fen">暂无评分</span>	
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>









	<footer>
		<p class = 'top'>
			关于猫眼：
			<a href="#">关于我们</a>
			<span></span>
			<a href="#">管理团队</a>
			<span></span>
			<a href="#">投资者关系</a>
			&nbsp;&nbsp;&nbsp;&nbsp;
			友情链接：
			<a href="#">美团网</a>
			<span></span>
			<a href="#">美团下载</a>
			<span></span>
			<a href="#">欢喜首映</a>
		</p>
		<p>		
	      商务合作邮箱：v@maoyan.com
	      客服电话：10105335
	      违法和不良信息举报电话：4006018900
	      <br>
	      投诉举报邮箱：tousujubao@meituan.com
	      舞弊线索举报邮箱：wubijubao@maoyan.com  
		</p>
		<p>
	        ©2016
	        猫眼电影 maoyan.com
	        <a href="https://tsm.miit.gov.cn/pages/EnterpriseSearchList_Portal.aspx?type=0&amp;keyword=京ICP证160733号&amp;pageNo=1" target="_blank">京ICP证160733号</a>
	        <a href="http://www.miibeian.gov.cn" target="_blank">京ICP备16022489号-1</a>
	        <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010102003232" target="_blank">京公网安备 11010102003232号</a>
	        <a href="/about/licence" target="_blank">网络文化经营许可证</a>
	        <a href="http://www.meituan.com/about/rules" target="_blank">电子公告服务规则</a>
    	</p>
		<p>北京猫眼文化传媒有限公司</p>
	</footer>
</body>
</html>